<template>
	<view class="order-info">
		<view class="e-p-l-20 e-p-r-20 bg-white">
			<view class="e-p-t-30 e-p-b-30">
				<text>{{$t('order.订单信息')}}</text>
			</view>
			<view class="e-p-t-30 e-p-b-30">
				<view class="e-flex e-flex-between e-m-b-20">
					<text class="c-regular">{{ $t('order.订单编号') }}</text>
					<view class="e-flex" @tap="$copy(info.payCode)">
						<text>{{info.payCode}}</text>
						<view class="e-m-l-20" >
							<app-image :size="['32rpx']" src="order/copy.png" />
						</view>
					</view>
				</view>
				<view class="e-flex e-flex-between " v-if="info.createTime">
					<text class="c-regular">{{ $t('order.下单时间') }}</text>
					<text>{{$timeFormat(info.createTime,'yyyy-mm-dd hh:MM:ss')}}</text>
				</view>
			</view>
			<view class="e-p-t-30 e-p-b-30">
				<view class="e-flex e-flex-between e-m-b-20">
					<text class="c-regular">{{ $t('order.订单总价') }}</text>
					<text class="e-font-26">{{$unitEn}}{{info.moneyAll}}</text>
				</view>
				<view class="e-flex e-flex-end e-font-26">
					<text class=" e-p-r-10">{{ $t('offlinePay.合计') }}</text>
					<text >{{$unitEn}}{{info.payMoney}}</text>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		// #ifdef MP-WEIXIN
		// 将自定义节点设置成虚拟的，更加接近Vue组件的表现
		options: {
			virtualHost: true
		},
		// #endif
		props: {
			info: Object,
		}
	}
</script>

<style scoped>
	.order-info {
		border-radius: 20rpx;
		overflow: hidden;
	}
</style>